<template>
  <div>
    <h2 class="count">我是Count组件</h2>
    <button @click="changeCount(2)">累加</button>
    <p>子组件接收父组件传入的count：{{count}}</p>
    <p>子组件接收父组件传入的name：{{name}}</p>
    <p>子组件接收父组件传入的age：{{age}}</p>
  </div>
</template>

<script>
export default {
  name: "Count",
  data(){
    return{
    }
  },
  //1.通过数组的形式接收父组件传入的参数
  // props:['count','changeCount','name','age']
//  2.通过对象的形式接收父组件传入的参数
  props:{
    count:{
      type:Number,
      require:true,
      default:10
    },
    changeCount:{
      type:Function,
      default: (n)=>{
        console.log(n)
      }
    },
    name:{
      type:String,
      require: true
    },
    age:{
      type:Number
    }
  }
}
</script>

<style scoped>

</style>